@charset "utf-8";
@import url('reset.less');
@import url('../quote/color.less');
@import url('~antd/dist/antd.less');
/*common*/

body{
  font-size:12px;
  background:rgba(240,242,245,1);
  color:@main-c;
}

/*
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 300;
  src: local('Mukta Regular'), local('Mukta-Regular'), url('/src/less/font/Mukta-Regular.ttf') format('woff2');
}
*/

// 标题样式
h1{font-size: 30px;}
h2{font-size: 26px;}
h3{font-size: 22px;}
h4{font-size: 18px;}

//框架主样式


.container{
  position: relative;
  display:flex;
  flex-direction: row;
  flex: auto;

  /*左侧一级导航*/
  .menu{

    width:@number-b;
    background-color:@bg-b;
    transition: all .3s;
    .menu-title{
      height:55px;
      line-height: 50px;
      padding:0 20px;
      background:#05263a;
      img{height:37px;}
    }
    .menu-item{
      color:@cdb;
      .menu-list{
        margin:0 auto;
        padding:10px 20px;
        text-align: left;
        a{color:@cf;font-size:14px;}
      }
    }
  }
  .menu-add{width:@number-a;}

  .main{flex:1 1 auto;}
  /*导航*/
  .main-nav{
    position:relative;
    height: 55px;
    z-index: 10;
    .nav{
      width:100%;
      height: 55px;
      background: @cf;
      box-shadow: 0 1px 4px rgba(0,21,41,.08);
      z-index:10;
      //返回箭头
      .anticon-menu-fold,.anticon-menu-unfold{
        font-size: 20px;
        margin: 0 20px;
        color: @c9;
        cursor: pointer;
        transition:color .2s;
        &:hover{color:@c6;}
      }
      .nav-tab{
        display: inline-block;
        height: 100%;
        .active-tab{background:@main-a;color:@cf;}
        .tab-list{
          display: inline-block;
          height: 100%;
          line-height: 55px;
          padding:0 20px;
          font-size: 14px;
          cursor:pointer;
        }
      }
      .user-box{
        display: inline-block;
        float: right;
        height:100%;
        padding:0 10px;
        line-height: 55px;
        margin-right:20px;
      }
    }
  }
  /*内容*/
  .main-content{
    position:relative;
    //min-height: 1000px;
    height: calc(100vh - 55px);
    overflow: auto;
    z-index: 1;
    background:@bg-a;

    .page-head-layout{
      background: @bg-a;
      /*面包屑*/
      .ant-breadcrumb{
        padding:10px 15px;
        background:@cf;
        border-bottom: 1px solid #e8e8e8;
      }
    }

    //error相关样式
    .error-msg{
      min-height: 500px;
      padding-top:150px;
      height:80%;
      .msg-img{
        margin-right: 10%;
      }
      .msg-info{
        .info-title{
          font-size: 65px;
          font-weight: bold;
        }
        .info-line{margin-top: 10px;color:@c6;}
      }
    }
  }

}



















//公共快速类样式
.auto{
  margin-left:auto;
  margin-right:auto;
}

.fill{
  left:0;
  right:0;
  top:0;
  bottom:0;
}
.bg-cover{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-fill{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.text-line{
  text-decoration:line-through;
}
.page{
  min-height: 500px;
  margin:15px;
  padding:20px;
  background: @cf;
}

/******************PC端*********************/

.mt3 {
  margin-top: 3px;
}
.mt5 {
  margin-top: 5px;
}
.mt7 {
  margin-top: 7px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}

.mr1 {
  margin-right: 1px;
}
.mr3 {
  margin-right: 3px;
}
.mr5 {
  margin-right: 5px;
}
.mr7 {
  margin-right: 7px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}

.ml1 {
  margin-left: 1px;
}
.ml3 {
  margin-left: 3px;
}
.ml5 {
  margin-left: 5px;
}
.ml7 {
  margin-left: 7px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}

.pd3 {
  padding: 3px;
}
.pd5 {
  padding: 5px;
}
.pd7 {
  padding: 7px;
}
.pd10 {
  padding: 10px;
}
.pd15 {
  padding: 15px;
}
.pd20 {
  padding: 20px;
}
.pd30 {
  padding: 30px;
}

.pdt3 {
  padding-top: 3px;
}
.pdt5 {
  padding-top: 5px;
}
.pdt7 {
  padding-top: 7px;
}
.pdt10 {
  padding-top: 10px;
}
.pdt15 {
  padding-top: 15px;
}
.pdt20 {
  padding-top: 20px;
}
.pdt30 {
  padding-top: 30px;
}

.pdb3 {
  padding-bottom: 3px;
}
.pdb5 {
  padding-bottom: 5px;
}
.pdb7 {
  padding-bottom: 7px;
}
.pdb10 {
  padding-bottom: 10px;
}
.pdb15 {
  padding-bottom: 15px;
}
.pdb20 {
  padding-bottom: 20px;
}
.pdb30 {
  padding-bottom: 30px;
}

.pdl3 {
  padding-left: 3px;
}
.pdl5 {
  padding-left: 5px;
}
.pdl7 {
  padding-left: 7px;
}
.pdl10 {
  padding-left: 10px;
}
.pdl15 {
  padding-left: 15px;
}
.pdl20 {
  padding-left: 20px;
}
.pdl30 {
  padding-left: 30px;
}

.pdr3 {
  padding-right: 3px;
}
.pdr5 {
  padding-right: 5px;
}
.pdr7 {
  padding-right: 7px;
}
.pdr10 {
  padding-right: 10px;
}
.pdr15 {
  padding-right: 15px;
}
.pdr20 {
  padding-right: 20px;
}
.pdr30 {
  padding-right: 30px;
}

.f12 {
  font-size: 12px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.f22 {
  font-size: 22px;
}
.f24 {
  font-size: 24px;
}

